.div-div {
    float: left;
}
#home {
    /*height:430px;*/
    padding-left: 10px;
}

.textDivStyle {
    margin:15px 0px 15px 0px !important;
    width:350px;
    font-size: 14px;
}
.buttonStyle {
    display: block;
    background-color: #fff;
    border: 1px solid #00adef;
    width: 180px;
}
.LiWidth {
    width:20%;
    text-align: center;
}
.divWidthHeight {
    /*border:1px solid red;*/
    float: left;
    margin:10px 0px 0px 6px ;
    width:160px;
}
.imgWidthHeight {
    display: inline-block;
}
/*.marginNone {
    margin:0px !important;
}*/
.HMargin {
    margin:10px 0px 0px 20px;
}
.zidingyiDiv {
    height: 426px;
    margin-bottom:0px !important;
}
.sendStyle {
    float: left;
    margin-top:50px;
    width:100%;
    text-align: left;
}
.uploadInput {
    /*margin-left: 10%;*/
    display: block;
    background-color: #fff;
    border: 1px solid #00adef;
    line-height: 30px;
    width: 300px;
}
.floatDivStyle {

    width:80%;
    margin:0px auto;
}
.HFour{
    margin-top: 20px !important;
}
.imgDivStyle {
    width: 510px !important;
    height: 290px !important;
    margin: 0px !important;
}
.LableWH {  float: left;
    width: 520px !important;
    height: 100%;
}
.sendStyle {
    width:100% !important;
}
.floatDivStyle {
    width:100% !important;
}
.AllimgDivStyle {
    float: left;
    margin-left: 200px;
    width:400px;
    height:300px;
}
.photo_uploadqwe:before {
    background-color: #fff !important;
}
.photo_uploadasd:after {
    background-color: #fff !important
}
.photo_uploadqaz {
    border: 1px solid #fff;
}
.DivImgDivStyle {
    width: 260px !important;
    height: 160px !important;
    border:1px solid #f5f5f5;
    margin:0px 0px 0px 20px;

    /*  第二样式  */
    /*margin: 15px auto;*/
}
.wall-edit-content {
    width:100%;
}
.boxStyle {
    margin-top:0px !important;
    margin-bottom: 0px !important;
    border-radius:0;
    box-shadow:none
}
.contentSTyle {
    padding:0px 15px 15px 15px !important;
}
.nav-tabs {
    padding:15px 0px 0px 0px;
    border-bottom: 0px !important;
}
.AStyle {
    margin-right: 0px !important;
    border:0px !important;
    color: rgb(56,56,56) !important;
}
.AStyle:hover {
    color:  #00adef !important;
}
.LiStyleLI {
    width:100px;
    text-align: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{
    color:  #00adef !important;
    font-weight: 900;
}
.paddingV {
    padding:1.2em 35px 0.5em 15px !important;
}
.settingWidth {
    width:100% !important;
    margin-bottom: 15px;
}
.Divline {
    height: 80px;
    text-align: center;
    line-height: 100px;
    background-color: #f3f3f3;
    float: left;
    border-radius: 3px;
    cursor: pointer;
    margin: 25px 15px;
    border-left:1px solid rgb(195,195,195);
}
.strongStyle {
    margin-left: 20px ;
}
.divWidthStyle {
    width:100% !important;
}
.modal-footer {
    border-top:0px;
    padding: 0px !important;
    text-align: left;
}
.floatButtonClass {
    width:100% !important;
}
.lableDivStylr {
    float: left;
    margin-left: 12px;
}
.saveChangeStyle {
    float: left;
    margin:0px 0px 0px 216px !important;
    background-color: #fff !important;
    border:1px solid #00adef !important;
    border-radius: 0px !important;
    color: #00adef;
}
.btn-primary:hover {
    color: #00adef !important;
}
.alginButton {
    width:1310px;
}
.btn-primary.focus, .btn-primary:focus {
    color: #00adef !important;
}
.swathsStyle {
    background-color:#333333;
}
.paddingHFour {
    padding-left: 15px;
}
.FontWight {
    font-weight: 700 !important;
}
.swatch_default + span {
    border-right: 1px solid rgb(195,195,195) !important;
}
.BGImage {
    background: no-repeat;
    background-size:cover !important;
    background-position: center;
}
.PStyle {
    margin-bottom: 0px !important;
}
.photoUploadStyle {
    height:94px !important;
    width:100% !important;
}
.photoUploadStyle .help-block{
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin-bottom: 0px;
}
.imgWidth {
    height:86px !important;
}






.navbar-default{ background-color:#333333}
.navbar-default .navbar-brand{ color:#fff}
.border-right{ border-right:1px solid #e7e7e7}
.main{ min-height:100%; overflow:hidden; padding:13px 7px 71px 7px}
.main .col-xs-12{ overflow:hidden; padding-left:7px; padding-right:7px}
.main .col-xs-12 .panel{ margin-bottom:13px}
.avatar{ width:32px; height:32px}
.media>*{ font-weight:normal; vertical-align:middle}
.media .media-body{ color:inherit}
.like{ white-space:nowrap}
.like>*{ vertical-align:middle; color:#ccc; font-size:15px}
.like .glyphicon{ color:inherit; margin-right:7px}
.tools .glyphicon{ font-size:17px; vertical-align:bottom; color:inherit; line-height:17px; cursor:pointer; margin-left:14px}
.source_logo{ position:absolute; right:15px; top:5px; opacity:0.5}
.weui_tabbar{ z-index:1}
.weui_tabbar_label{ margin-bottom:0}
.upload_zone{ width:100%; min-height:77px; position:relative; margin-bottom:9px}
.upload_zone>.weui_uploader_input_wrp{ float:none; position:absolute; left:50%; margin-left:-38px}
.upload_zone>img{ max-width:100%; position:relative; display:block; margin:0 auto}
.weui_toast{ top:150px}
.weui_tabbar_item .glyphicon{ color:#888}
.weui_bar_item_on .glyphicon{ color:#09bb07}
.giant_screen{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fff; padding:20px; z-index:1040}
.giant_screen_right{ position:static}
.giant_screen_row .giant_screen_right .media{ padding-left:15px}
.giant_screen_pic{ text-align:left}
.giant_screen_pic:last-child{ text-align:right}
.giant_screen_pic>img{ display:inline; max-height:100%; /*opacity: 0; -webkit-animation: pic-in 1s ease-out 0.1s 1 forwards; -moz-animation: pic-in 1s ease-out 0.1s 1 forwards*/}
.giant_screen_title{ font-weight:normal; /*opacity: 0; -webkit-animation: name-in 0.7s ease-out 0.3s 1 forwards; -moz-animation: name-in 0.7s ease-out 0.3s 1 forwards;*/ padding-bottom:64px}
.giant_screen_title img{ vertical-align: middle; margin-right: 10px}
.giant_screen_row{ position:relative; height:100%}
.giant_screen_row .col-sm-6{ color:inherit; height:100%}
.giant_screen_row .media{ color:inherit; position:absolute; right:15px; bottom:0; left:50%; /*opacity: 0; -webkit-animation: name-in 0.7s ease-out 0.3s 1 forwards; -moz-animation: name-in 0.7s ease-out 0.3s 1 forwards*/}
.giant_screen_row .giant_screen_left .media{ left:15px; right:50%; padding-left:0; padding-right:15px}
.giant_screen_row .avatar{ width:64px; height:64px}
.full_background_screen{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-position:center}
.full_background_screen .img-responsive{ display:block; min-width:100%; min-height:100%; position:absolute}
.full_background_screen .media{ color:inherit; left:20px; top:5px; bottom:auto}
.full_background_screen .giant_screen_title{ color:inherit; letter-spacing:1px; position:absolute; background-color:rgba(0,0,0,0.3); left:0; bottom:0; right:0; padding:10px 20px; margin:0}
.media-body .create-time{ display:block; font-size:14px; font-weight:normal; margin-top:10px}
.panel-body .media-body .create-time{ font-size:12px; color:#ccc; margin-top:0}

.weui_mask{ z-index:1040}
.weui_dialog{ z-index:1041}
.setting{ width:85%}
.weui_dialog_maintitle{ height:42px; line-height:42px; padding:0; margin-bottom:10px}
.weui_dialog_maintitle:after{ content:''; display:block; width:100%; border-bottom:1px solid #d5d5d6; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(.5); transform:scaleY(.5)}
.weui_dialog_subtitle{ text-align:left; padding:1.2em 35px 0.5em 35px}
.weui_dialog_subtitle + .weui_dialog_bd>.swatches{ padding:0 10px}
.weui_dialog_ft{ margin-top:40px}
.swatches{ overflow:hidden}
.swatch{ width:100px; height:100px; text-align:center; line-height:100px; background-color:#f3f3f3; float:left; border-radius:3px; cursor:pointer; margin:15px}
.swatch_selected{ background-color:#7f7f7f; color:#fff}
.swatch_small{ width:30px; height:30px; line-height:30px; font-size:14px; margin:5px}
.swatch_default{}
.swatch_default + span{ display:block; float:left; height:30px; border-right:1px solid #e8e8ea; -webkit-transform:scaleX(.5); transform:scaleX(.5); margin:5px 30px}

.main .panel{ position:relative; border:none; -webkit-box-shadow:none; box-shadow:none}
.panel-body-absolute{ position:absolute; left:0; bottom:0; right:0}
.media_auditing{ border-top:1px solid #e7e7e7; padding-top:10px; margin-top:10px}
.media_auditing .weui_btn{ vertical-align:middle; margin-left:10px; margin-top:0}
.media_auditing .weui_btn:first-child{ margin-left:0}

.placeholder{}

.main_setting{ margin-bottom:20px}
.weui_cells_radio .weui_check_label{ margin:0}
.weui_cells_radio .weui_cell_bd p{ font-weight:normal; margin:0}
.weui_check{ visibility:hidden}

.parllay_logo{ max-height:40px; position:absolute; top:20px; right:15px}
.parllay_qrcode{ max-height:120px; position:absolute; bottom:78px; right:15px}
.tools .liked{ color:#EF4F4F}

.wall_logo{ line-height:43px; font-size:28px; padding:0px 15px}
.wall_logo img{ display:inline; max-height:100%}
.wall_qrcode{ max-width:100%}
.top-hd{ opacity:0.25}

.list_item .media{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center}
.list_item .media-pic *{ color:#ccc}
.list_item .media .media-body,.list_item .media .media-left,.list_item .media .media-right{ display:inline-block; white-space:nowrap; overflow:visible}
.list_item .media .media-body{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1}
.main .list_item_nopadding{ padding:0}

.gem_itme{ display:inline-block; position:relative; border-radius:50%; background-color:#aaa; background-size:cover; background-position:center; /*padding:7px 10px 8px 10px*/}
.gem_animation{ transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1); transition-duration:4.71443s; transform:translate3d(0, -250px, 0px)}
.giant_gem_screen{ padding-top:10px!important}
.gem_user_box{ opacity:0; transition-duration:0.5s; transition-timing-function:'cubic-bezier(0.12,0,1,1)'; transform:translate3d(0, 0, 0); width:100%; height:100%; border-radius:50%; overflow:hidden; position:relative}
.gem_user_box>div{ width:300%; color:#fff; position:absolute; left:0; bottom:5px; transform:scale(0.36); -moz-transform:scale(0.36); -webkit-transform:scale(0.36); -o-transform:scale(0.36); -ms-transform:scale(0.36); padding:10px; margin-left:-100%}
.gem_user_info{ width:65%; height:100%; margin:0 auto; padding:0 0 0 45px}
.gem_user_box>div h4{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:5px}
.gem_user_box>div p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; margin-bottom:5px}
.gem_avatar{ opacity:0; transition-duration:0.5s; transition-timing-function:'cubic-bezier(0.02,0,1,1)'; transform:translate3d(0, 0, 0); position:absolute; width:40px; height:40px; left:10px; bottom:25px; border-radius:50%}
.super_gem_itme .gem_user_box,.super_gem_itme .gem_avatar{ opacity:1}

.atmosphere{ width:200px; height:200px; overflow:hidden; position:relative; top:50%; border:1px solid #F26236; margin:-100px auto 0 auto}
.atmosphere-photo{ height:70%; position:absolute; left:0; right:0; top:0; background-size:cover; background-position:center}
.atmosphere-userinfo{ height:30%; position:absolute; left:0; right:0; bottom:0; text-align:center; background-color:#F26236; color:#fff}
.atmosphere-userinfo img{ width:50px; height:50px; border-radius:50%; box-shadow:0 0 2px #fff; margin-top:-26px; margin-bottom:10px}

@media (min-height:400px) {
    .atmosphere{ width:300px; height:300px; margin-top:-150px}
}

@media (min-height:500px) {
    .atmosphere{ width:400px; height:400px; margin-top:-200px}
    .atmosphere-userinfo img{ width:60px; height:60px; margin-top:-31px}
}

@media (min-height:600px) {
    .atmosphere{ width:500px; height:500px; margin-top:-250px}
    .atmosphere-userinfo img{ width:80px; height:80px; margin-top:-41px}
}

@media (min-height:700px) {
    .atmosphere{ width:600px; height:600px; margin-top:-300px}
    .atmosphere-userinfo img{ width:90px; height:90px; margin-top:-46px}
}

@media (min-height:800px) {
    .atmosphere{ width:700px; height:700px; margin-top:-350px}
    .atmosphere-userinfo img{ width:100px; height:100px; margin-top:-51px}
}

@media (min-height:900px) {
    .atmosphere{ width:800px; height:800px; margin-top:-400px}
    .atmosphere-userinfo img{ width:110px; height:110px; margin-top:-56px}
}

@media (min-height:1000px) {
    .atmosphere{ width:900px; height:900px; margin-top:-450px}
    .atmosphere-userinfo img{ width:120px; height:120px; margin-top:-61px}
}

@media (min-width:768px) {
    .main{ padding:65px 0 0 0}
    #main{ width:750px; max-width:100%; min-height:200px; position:relative; margin:0 auto}
    .top-hd{display:none}
    .list_item{ width:250px}
}

@media (min-width:1000px) {
    #main{ width:1000px}
}

@media (min-width:1250px) {
    #main{ width:1250px}
}

@media (min-width:1500px) {
    #main{ width:1500px}
}

@media (min-width:1750px) {
    #main{ width:1750px}
}

@media (min-width:2000px) {
    #main{ width:2000px}
}

@media (max-width:1000px) {
    .setting{ zoom:0.8}
}

@-webkit-keyframes name-in
{
    0%   {opacity: 0;-webkit-transform:translate(0px,-50px);}
    100% {opacity: 1;-webkit-transform:translate(0px,0px);}
}
@-moz-keyframes name-in
{
    0%   {opacity: 0;-moz-transform:translate(0px,-50px);}
    100% {opacity: 1;-moz-transform:translate(0px,0px);}
}

@-webkit-keyframes pic-in
{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes pic-in
{
    0%   {opacity: 0;-moz-transform:translate(-50px,0px);}
    100% {opacity: 1;-moz-transform:translate(0px,0px);}
}

@-webkit-keyframes fade-in
{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fade-in
{
    0%   {opacity: 0}
    100% {opacity: 1}
}










/*.HeightStyleDiv {
    height:500px;
    overflow-y: scroll;
}*/
/*.file {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    background-color: #fff;
    border: 1px solid #00adef;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}*/





/*.report-file {
    display: block;
    position: relative;
    width: 120px;
    height: 28px;
    overflow: hidden;
    border: 1px solid #00adef;
    border-radius: 3px;
    background: none repeat scroll 0 0 #fff;
    color: #555555;
    cursor: pointer;
    text-align: center;
    float: left;
    margin-right:5px;
}
.report-file span {
    cursor: pointer;
    display: block;
    line-height: 28px;
}
.file-prew {
    cursor: pointer;
    position: absolute;
    top: 0;
    left:0;
    width: 120px;
    height: 30px;
    font-size: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
#textName {
    border:1px solid #cccccc;
    height: 28px;
}*/